<template>
	<view>
		<view class="border-bottom">
			<view class="flex justify-between px-2">
				<text class="font-md">热门分类</text>
				<view class="flex align-center text-secondary font" @click="openMore">
					更多<i class="iconfont icon-jinrujiantou"></i>
				</view>
			</view>
			<view class="flex font my-3">
				<view @click="openDetail(item)"
					class="animate__animated faster flex align-center px-1 mx-2 bg-light rounded border"
					v-for="(item,index) in hotCate" :key="index" hover-class="animate__shakeY">
					{{item.name}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['hotCate'],
		methods: {
			openMore() {
				uni.navigateTo({
					url:'../../pages/topic-nav/topic-nav'
				})
			},

			openDetail() {
				console.log('打开话题分类页')
			}

		},
	}
</script>

<style>
</style>
